<template>
  <div id="faxian">
      <div id="faxian-1">
          <div id="neirong">
              <img src="https://www.chawo.com/data/upload/shop/store/goods/2/2021/12/2_06920285715509625.jpg?special_id=20">
              <a href="">双12狂欢 年终盛典</a>
              <div id="neirong-1">
                  <div id="neirong-1-l">
                      <span>冬季特惠正在进行中</span>
                  </div>
                  <div id="neirong-1-r">
                      <a href="">立即查看</a>
                  </div>
              </div>
          </div>
          <div id="neirong">
              <img src="https://www.chawo.com/data/upload/shop/store/goods/2/2021/12/2_06921073764257661.jpg?active=13">
              <a href="">双12茶具年终盛典</a>
              <div id="neirong-1">
                  <div id="neirong-1-l">
                      <span>茶具全场狂欢盛会正火热进行中</span>
                  </div>
                  <div id="neirong-1-r">
                      <a href="">立即查看</a>
                  </div>
              </div>
          </div>
          <div id="neirong">
              <img src="https://www.chawo.com/data/upload/shop/special/06822756289917783.jpg?special_id=12">
              <a href="">陈年味道 岁月痕迹 精选中老期茶专场</a>
              <div id="neirong-1">
                  <div id="neirong-1-l">
                      <span>正在火热进行中</span>
                  </div>
                  <div id="neirong-1-r">
                      <a href="">立即查看</a>
                  </div>
              </div>
          </div>
          <div id="neirong">
              <img src="https://www.chawo.com/data/upload/shop/store/goods/2/2021/08/2_06827949807841141.jpg?gc_id=11">
              <a href="">传承紫砂文化 承匠人匠心 守传统技艺</a>
              <div id="neirong-1">
                  <div id="neirong-1-l">
                      <span>宜兴紫砂专场</span>
                  </div>
                  <div id="neirong-1-r">
                      <a href="">立即查看</a>
                  </div>
              </div>
          </div>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
    div{
        font-size: 0;
    }
    #faxian{
        width: 100%;
        background-color: gainsboro;
        margin-top: .44rem;
    }
    #faxian-1{
        padding: .15rem;
    }
    #neirong{
        width: 100%;
        margin-bottom: .15rem;
        background-color: white;
    }
    #neirong img{
        width: 3.45rem;
        height: 3.45rem;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        margin-bottom: .1rem;
    }
    #neirong a{
        font-size: .16rem;
        color: black;
        margin-left: .1rem;
    }
    #neirong-1{
        padding-left: .1rem;
        padding-right: .1rem;
        display: flex;
        justify-content: space-between;
        padding-top: .15rem;
        padding-bottom: .15rem;
    }
    #neirong-1-l span{
        font-size: .14rem;
        margin-top: .1rem;
        display: inline-block;
    }
    #neirong-1-r{
    background-color: #c9141c;
    color: white;
    font-size: 12px;
    padding: 6px 20px;
    border-radius: 25px;
    border: 1px solid #c9141c;
    }
    #neirong-1-r a{
        color: white;
    }
</style>